@import "../../list.scss";
@import "@/styles/theme/common/color";
.chan-ye-da-shu-ju {
  background: url('../../../assets/img/cydsjbg.jpg') no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 100%;
  min-height: 689px;
  .top {
    display: flex;
    justify-content: space-between;
    height: 10%;
    .left {
      width: 19%;
      height: 4rem;
      padding-top: 1.5%;
      .date {
        color: #81D5F7;
        font-size: .1rem;
        font-weight: 400;
        height: 1.8rem;
        line-height: 1.8rem;
        text-align: center;
      }
    }
    .center {
      .title {
        font-size: 1.7rem;
        height: 3rem;
        line-height: 3rem;
        font-weight: 400;
        color: #E1F9FF;
      }
    }
    .right {
      width: 18%;
      height: 4rem;
      padding-top: 1.5%;
      display: flex;
      justify-content: center;
      color: #81D5F7;
      font-size: .1rem;
      font-weight: 400;
      text-align: center;
      .update-date {
        height: 1.8rem;
        line-height: 1.8rem;
        margin-right: 10%;
      }
      .exit {
        height: 1.8rem;
        line-height: 1.8rem;
        .el-button--text {
          color: #81D5F7;
        }
        .icon {
          font-size: .8rem;
        }
      }
    }
  }
  .content {
    display: flex;
    justify-content: space-between;
    height: 60%;
    .left {
      height: 100%;
      width: 30%;
      display: flex;
      flex-flow: wrap;
      .content-left-box {
        width: 100%;
        padding: 1rem 2.5rem 0 2.5rem;
        height: 50%;
        .title {
          height: 2.8rem;
          font-size: 1rem;
          font-weight: 400;
          color: #6DB7E8;
          line-height: 2.8rem;
          padding-left: 1rem;
        }
      }
    }
    .center {
      width: 40%;
      .content-center-box {
        height: 100%;
        width: 100%;
        padding: 2rem 0;
      }
    }
    .right {
      height: 100%;
      width: 30%;
      display: flex;
      flex-flow: wrap;
      .content-right-box {
        width: 100%;
        padding: 1rem 2.5rem 0 2.5rem;
        height: 50%;
        .title {
          height: 2.8rem;
          font-size: 1rem;
          font-weight: 400;
          color: #6DB7E8;
          line-height: 2.8rem;
          padding-left: 1rem;
        }
      }
    }
  }
  .bottom {
    display: flex;
    justify-content: space-between;
    height: 30%;
    .left {
      height: 100%;
      min-height: 178px;
      width: 50%;
      padding: 1rem 0 0 2.5rem;
      height: 200px;
        .title {
          height: 2.8rem;
          font-size: 1rem;
          font-weight: 400;
          color: #6DB7E8;
          line-height: 2.8rem;
          padding-left: 1rem;
        }
    }
    .right {
      height: 100%;
      min-height: 178px;
      width: 50%;
      padding: 1rem 2.5rem 0 1rem;
      height: 200px;
        .title {
          height: 2.8rem;
          font-size: 1rem;
          font-weight: 400;
          color: #6DB7E8;
          line-height: 2.8rem;
          padding-left: 1rem;
        }
    }
  }
}
